/**
 * ------------------------------------------------------------------
 * app.scss 入口文件
 *
 * ------------------------------------------------------------------
 *
 * @author  JeffMa
 * @link    https://devework.com/
 * @data    2017-06-11
 */

// 支持文件
@import "assets/scss/support";

// 原子类
@import "assets/scss/utils";

// 雪碧图
@lazysprite "filetype";

.test {
	background-image: url(%ASSETS_IMG%/qr-r.jpg);
}

.app {
	height: 100%;
	justify-content: space-between;
	text-align: center;
	box-sizing: border-box;
	font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
}

.app__inner {
	margin: 20px;
}

.app__title {
	font-size: $fontSize;
	line-height: $fontSize + 4px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 20px;
	text-align: left;
	border-bottom: .5px solid #EEEEEE;
}

.app__desc {
	font-size: $fontSizeSmaller;
	line-height: $fontSizeSmaller +2px;
	text-align: left;
	margin-bottom: 20px;
	color: $colorGray;
}

// web font icon
@font-face {
	font-family: 'fontello';
	src: url("assets/fonts/fontello.ttf") format('truetype');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0.2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: 0.2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-info:before {
	content: '\e81b';
}

.icon-date:before {
	content: '\e829';
}

.icon-view:before {
	content: '\e84f';
}

